$MINPX: 1920px;
$MAXPX: 3840px;
* {
  padding: 0;
  margin: 0;
  list-style: none;
}

html,
body,
#app {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  font-family: Microsoft YaHei-Regular, Microsoft YaHei;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: transparent;
  font-size: 14px;
  overflow: hidden;
  position: relative;
  color: var(--el-text-color-primary);
  user-select: none;
  font-size: clamp(0.875rem, 0.73vw, 1.75rem);
  font-weight: 400;
}
.el-popper__arrow {
  display: none !important;
}
.el-popper {
  border: none !important;
  background-color: rgba(6, 30, 41, 0.9) !important;
  width: auto !important;
  padding: 0 !important;
  z-index: 8888 !important;
}
.el-select {
  width: 84px;
  background-color: rgba(37, 55, 68, 1) !important;
  color: #ffffff !important;
}
.el-input__wrapper {
  background-color: rgba(37, 55, 68, 1) !important;
  color: #ffffff !important;
  border: none !important;
}
.el-select-dropdown__item.hover {
  background-color: rgba(55, 88, 102, 1);
  color: rgba(38, 190, 255, 1);
}
.el-input__wrapper {
  border: none !important;
  .el-input__inner {
    border: none !important;
    color: #ffffff !important;
  }
}
img {
  -webkit-user-drag: none;
}

#app {
  font-size: clamp(0.875rem, 0.73vw, 1.75rem);
}

.fs12 {
  font-size: 12px !important;
}

.fs16 {
  font-size: 16px !important;
}

.fs24 {
  font-size: 24px !important;
}

h3 {
  font-size: 18px !important;
}

.fs48 {
  font-size: 48px !important;
}

.fs20 {
  font-size: 25px !important;
}

.fs18 {
  font-size: 18px !important;
}

.fs32 {
  font-size: 32px !important;
}

.fs15 {
  font-size: 15px !important;
}

.fs25 {
  font-size: 28px !important;
}

.fs20 {
  font-size: 20px !important;
}

.fs14 {
  font-size: clamp(0.875rem, 0.73vw, 1.75rem);
}

.size32 {
  width: 32px;
  height: 32px;
}

.size73 {
  width: 73px;
  height: 73px;
}
.size48 {
  width: 48px;
  height: 48px;
}
.dialogInput {
  width: 200px;
}
.selsect {
  width: 200px !important;
}

//全屏按钮
video::-webkit-media-controls-fullscreen-button {
  display: none;
}

//播放按钮
video::-webkit-media-controls-play-button {
  display: none;
}

//进度条
video::-webkit-media-controls-timeline {
  display: none;
}

//观看的当前时间
video::-webkit-media-controls-current-time-display {
  display: none;
}

//剩余时间
video::-webkit-media-controls-time-remaining-display {
  display: none;
}

//音量按钮
video::-webkit-media-controls-mute-button {
  display: none;
}

video::-webkit-media-controls-toggle-closed-captions-button {
  display: none;
}

//音量的控制条
video::-webkit-media-controls-volume-slider {
  display: none;
}

//所有控件
video::-webkit-media-controls-enclosure {
  display: none;
}

@media screen and (min-width: 2400px) {
  //字号大小适配
  #app {
    font-size: 19px !important;
  }
  .fs12 {
    font-size: 16px !important;
  }
  .fs16 {
    font-size: 21px !important;
  }
  .fs24 {
    font-size: 32px !important;
  }
  h3 {
    font-size: 24px !important;
  }
  .fs48 {
    font-size: 64px !important;
  }
  .fs20 {
    font-size: 27px !important;
  }
  .fs18 {
    font-size: 24px !important;
  }
  .fs32 {
    font-size: 43px !important;
  }
  .fs15 {
    font-size: 20px !important;
  }
  .fs25 {
    font-size: 33px !important;
  }
  .fs14 {
    font-size: clamp(0.875rem, 0.73vw, 1.75rem);
  }
  .el-form-item__label {
    font-size: 16px;
  }
  .dialogInput {
    font-size: 16px;
  }
  .el-input__inner {
    color: #ffffff !important;
    font-size: 16px;
  }
  .cell {
    font-size: 16px;
  }

  //图标大小适配
  .size32 {
    width: 43px;
    height: 43px;
  }
  .size48 {
    width: 64px;
    height: 64px;
  }
  .size73 {
    width: 98px;
    height: 98px;
  }
  // 输入框大小适配
  .dialogInput {
    width: 270px;
  }

  .selsect {
    width: 270px !important;
  }
  .el-notification {
    width: 736px;
  }
}

// *::-webkit-scrollbar {
//   width: 5px;
//   // height: 10px; // 高度写不写，都不影响，因为会根据内容的长度自动计算
// }

// *::-webkit-scrollbar-thumb {
//   background: #909399; // 滑块颜色
//   border-radius: 5px; // 滑块圆角
//   opacity: 0.3;
//   cursor: pointer;
// }

// *::-webkit-scrollbar-thumb:hover {
//   opacity: 1;
// }

// // 兼容Firefox、IE
// * {
//   scrollbar-width: 5px;
//   scrollbar-base-color: #909399;
//   scrollbar-track-color: #909399;
//   scrollbar-arrow-color: #909399;
// }

@keyframes alert {
  0% {
    background-color: rgba(77, 12, 12, 0.6);
  }

  50% {
    background-color: rgba(77, 12, 12, 1);
  }

  100% {
    background-color: rgba(77, 12, 12, 0.6);
  }
}

.el-notification {
  background: rgba(92, 24, 20, 0.68);
  border: 1px solid #ff5b5b;
  width: clamp(26.25rem, 21.88vw, 52.5rem);
  margin-top: 4.5vh;
  transform: translateY(-2.1vh);
  transform: translateX(0.6vw);
  box-sizing: border-box;
  border-radius: 4px 4px 4px 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  .el-notification__group {
    width: 100%;
    height: 100%;
  }
}

.el-empty {
  opacity: 0.7 !important;
}

.el-message {
  z-index: 4002 !important;
}

.el-overlay {
  z-index: 9999 !important;
}
